<!-- 事项 -->
<template>
  <view class="matter-list">
    <view v-for="(item, idx) in matterList" :key="idx" class="matter-item">
      <u-icon name="folder" color="#1890ff" size="22"></u-icon>
      <text class="matter-title">{{ item }}</text>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    list: Array
  },
  data() {
    return {
      matterList: [
        '《出生医学证明》办理（首签）',
        '预防接种证办理',
        '本市户口登记（申报出生登记）1岁以下随内本市父母迁入',
        '社会保障卡申领',
        '生育医疗费用报销',
        '办理居民医保登记',
        '科学育儿指导服务登记'
      ]
    };
  },
  methods: {}
};
</script>
<style scoped lang="scss">
.matter-list {
  padding: 0 20rpx;
}
.matter-item {
  display: flex;
  align-items: center;
  border-radius: 8rpx;
  padding: 20rpx 24rpx;
  margin-bottom: 10rpx;
  background: #e9f2ff;
}
</style>
